document.addEventListener('DOMContentLoaded', function () {
    let carousel_inner = document.querySelector('.carousel-inner');
    let num = document.querySelectorAll('.num');
    let text = document.querySelectorAll('.text li');
    let index = 0; // 当前轮播图的索引
    let time = null; // 定时器

    // 设置轮播图位置的函数
    function position() {
        carousel_inner.style.left = `${index * -100}%`;
        updateTextAndNum(); // 更新文本和数字
    }

    // 更新文本和数字的函数
    function updateTextAndNum() {
        for (let i = 0; i < num.length; i++) {
            num[i].style.backgroundColor = i === index ? '#79afd5' : '#b9b3b3';
            text[i].style.display = i === index ? 'block' : 'none';
        }
    }

    // 增加函数，用于下一张图片
    function add() {
        if (index >= num.length - 1) {
            index = 0;
        } else {
            index++;
        }
        position();
    }

    // 定时器函数，每隔一段时间自动播放下一张图片
    function timer() {
        time = setInterval(add, 2000);
    }

    // 给下面的小圆点添加点击事件
    for (let i = 0; i < num.length; i++) {
        num[i].addEventListener('click', function () {
            index = i;
            position();
            clearInterval(time);
            timer();
        });
    }

    // 初始化轮播图
    position();
    timer();
});

// 确保DOM完全加载后再执行脚本
document.addEventListener('DOMContentLoaded', function() {

    // 获取学生园地的所有标题列表项
    var studentTitles = document.querySelectorAll('.student-title li');
    // 获取招生就业的所有标题列表项
    var jobTitles = document.querySelectorAll('.job-title li');
    // 获取学生园地的所有内容列表
    var studentLists = {
        '.student-list-1': document.querySelector('.student-list-1'),
        '.student-list-2': document.querySelector('.student-list-2'),
        '.student-list-3': document.querySelector('.student-list-3')
    };
    // 获取招生就业的所有内容列表
    var jobLists = {
        '.job-list-1': document.querySelector('.job-list-1'),
        '.job-list-2': document.querySelector('.job-list-2'),
        '.job-list-3': document.querySelector('.job-list-3')
    };

    // 初始化时隐藏所有内容列表
    Object.values(studentLists).forEach(function(list) {
        list.style.display = 'none';
    });
    Object.values(jobLists).forEach(function(list) {
        list.style.display = 'none';
    });
    // 默认显示第一个列表
    studentLists['.student-list-1'].style.display = 'block';
    jobLists['.job-list-1'].style.display = 'block';

    // 为学生园地的每个标题列表项添加鼠标悬停事件
    studentTitles.forEach(function(item, index) {
        item.addEventListener('mouseover', function() {
            // 隐藏所有学生园地的内容列表
            Object.values(studentLists).forEach(function(list) {
                list.style.display = 'none';
            });
            // 显示对应的学生园地内容列表
            studentLists['.student-list-' + (index + 1)].style.display = 'block';
        });
    });

    // 为招生就业的每个标题列表项添加鼠标悬停事件
    jobTitles.forEach(function(item, index) {
        item.addEventListener('mouseover', function() {
            // 隐藏所有招生就业的内容列表
            Object.values(jobLists).forEach(function(list) {
                list.style.display = 'none';
            });
            // 显示对应的招生就业内容列表
            jobLists['.job-list-' + (index + 1)].style.display = 'block';
        });
    });
});